body{
   background: url(../imgs/sign-bg.jpg) no-repeat; 
   background-size: cover;
   display: flex;
   flex-direction: column;
   padding: 29px 20px 0px 32px;
   .reg{
       text-align: right;
       color: #fff;
   }
   .loginbox{
       display: flex;
       flex-direction: column;
       margin-top: 25px;
       h2{
           color: #fff;
           font-size: 24px;
       }
       form{
           margin-top: 69px;
           margin-right: 12px;
           display: flex;
           flex-direction: column;
           
           input{
               height: 50px;
               border-radius: 25px;  
               margin-bottom: 19px;
               color: #fff;
               text-indent: 2em;
               background-color: rgba(255, 255, 255, 0.5);
               &::placeholder{
                   color: #fff;
                   opacity: 0.7;
               }
           }  
           #loginbtn{
            height: 50px;
            border-radius: 25px;
            background-color: rgba(99, 255, 167, 0.5);
            color: rgba(255, 255, 255, 100);
           }
       }
       .forget{
           text-align: center;
           margin-top: 28px;
           color: #fff;
           font-size: 14px;
       }
       
   }
   .tickCss{
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 150px;
        height: 150px;
        background-color: rgba(0,0,0,0.8);
        color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        i{
            font-size: 25px;
            margin-bottom: 10px;
        }
        p{
            font-size: 16px;
        }
   }
}